<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" href="/css/layui.css"  media="all">
<link rel="stylesheet" href="/css/index.css" media="all">
<script src="/js/axios.min.js"></script>
<script src="/js/vue.js"></script>
<script src="/js/layui.js" charset="utf-8"></script>
<body class="layui-layout-body back-dark">
<div class="layui-row" id="classification">
    <div class="layui-col-md12">
        <div class="layui-side">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">全部分类</a>
                        <dl class="layui-nav-child">
                            <dd><a class="forward25" href="javascript:;" v-on:click="addClass(2)">  +添加二级分类</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a class="" href="javascript:;" v-on:click="addClass(1)">+添加一级分类</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="add_fc" ref="add_fc" hidden>
        <label class="layui-form-label">名称：</label>
        <input type="text" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
</div>
</body>

<script>
    new Vue({
        el: "#classification",
        data:{
        },
        methods :{
            addClass: function (level) {
                console.info(level);
            }
        },
        created: function () {
            console.info("》》》》");
        }
    });
</script>
</html>